import { Image, RichText, Text, View } from '@tarojs/components';
import Taro from '@tarojs/taro';
import * as React from 'react';
import './index.scss'
import { MyIcon } from '@/components';
import { formatRule } from '@/utils/fomatter';
import { setWalletInvestorClass, submitInvestorClass } from '@/services/api/eligible_investors';

interface TypeProps {

}

class Type extends React.Component<TypeProps, any> {

    constructor(props) {
        super(props);
        this.state = { investorClass: "-1" }
    }


    // 建议在页面初始化时把 getCurrentInstance() 的结果保存下来供后面使用，
    // 而不是频繁地调用此 API
    $instance = Taro.getCurrentInstance()

    componentWillMount() {
        // 获取传递的 map 对象
        var params = this.$instance.router?.params
        console.log(params);
        if (params != null) {
            const investorClass = params['investorClass'];
            this.setState({ investorClass: investorClass })
        }
    }

    /**
     * 切换机构类型
     * @param investorClass 
     */
    switchinvestorClass(tempInvestorClass) {

        var params = this.$instance.router?.params
        // console.log(params);
        if(params && params['investConfirmAuthStatus'] === '2'){
            // 仅查看
            return
        }

        const { investorClass } = this.state;
        if (investorClass === tempInvestorClass.toString()) {
            return;
        }
        if(params && params['isJG'] === '1'){
            submitInvestorClass(tempInvestorClass).then(resp => {
                if (resp.code === 200) {
                    this.setState({ investorClass: tempInvestorClass.toString() })
                }
            })
        }else{
            setWalletInvestorClass(tempInvestorClass).then(resp => {
                if (resp.code === 200) {
                    this.setState({ investorClass: tempInvestorClass.toString() })
                }
            })
        }

       
    }

    render() {

        const { investorClass } = this.state;
        console.log(investorClass);

        return (
            <View className='page'>
                <View className='tips'>
                    请根据您的实际情况确认所属的类型，后续需提供相应的证明材料
                </View>
                <View className={`type-pt type ${investorClass === '1' ? 'type-selected' : ''}`} onClick={() => this.switchinvestorClass(1)}>
                    <View className='top'>
                        <Text>普通投资者</Text>
                        <Image className='right' src={require(`@/assets/icons/public/${investorClass === '1' ? 'public-radio-selected' : 'public-radio-defalut'}.svg`)} style={{ width: 20, height: 20 }}></Image>
                    </View>
                    <View className='context'>
                        <View>金融资产不低于300万元或者最近三年个人年均收入不低于50万元的个人；<br /></View>
                        <View>普通投资者在信息告知、风险警示、适当性匹配等方面享有特别保护。<br /></View>
                    </View>

                </View>
                <View className={`type-zy type ${investorClass === '2' ? 'type-selected' : ''}`}  onClick={() => this.switchinvestorClass(2)}>
                    <View className='top'>
                        <Text className='left'>专业投资者</Text>
                        <Image className='right' src={require(`@/assets/icons/public/${investorClass === '2' ? 'public-radio-selected' : 'public-radio-defalut'}.svg`)} style={{ width: 20, height: 20 }}></Image>
                    </View>
                    <View className='context'>
                        <Text decode>{formatRule('同时符合下列条件的自然人：\n金融资产不低于500万元人民币，或者最近3年个人年均收入不低于50万人民币；')} </Text>
                        <View>
                            金融资产不低于500万元人民币，或者最近3年个人年均收入不低于50万人民币；
                        </View>
                        <View>
                            具有2年以上证券、基金、期货、黄金、外汇等投资经历，或者具有2年以上金融产品设计、投资、风险管理及相关工作经历的自然人投资者，或者属于《证券期货投资者适当性管理办法》第八条第(一)款所规定的专业投资者的高级管理人员、获得职业资格认证的从事金融相关业务的注册会计师和律师。
                        </View>
                    </View>

                </View>
            </View>
        );
    }
}

export default Type;